.daily-backup-status {
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 1rem;
	background: #fff;
}

.daily-backup-status__status-icon.gridicon {
	width: 3rem;
	height: 3rem;
	fill: var( --color-primary-30 );
}

.daily-backup-status__gridicon-no-backup {
	width: 3rem;
	height: 3rem;
	color: var( --studio-yellow-20 );
}

.daily-backup-status__gridicon-backup-scheduled {
	width: 3rem;
	height: 3rem;
	color: var( --studio-gray-40 );
}

.daily-backup-status__label {
	margin-top: 24px;
	color: var( --studio-gray-80 );
	text-align: left;

	@include breakpoint-deprecated( '>660px' ) {
		margin-top: 32px;
	}
}

.daily-backup-status__date,
.daily-backup-status__static-title {
	font-size: $font-title-medium;
	font-weight: 400;
	margin-bottom: 1rem;
}

.daily-backup-status__failed-message {
	font-size: $font-title-medium;
	font-weight: 400;
	color: var( --color-scary-50 );
	margin-bottom: 0.5rem;
	margin-top: -0.5rem;
}

.daily-backup-status__no-backup-last-backup {
	margin-bottom: 24px;
	font-style: italic;
}

.form-button.daily-backup-status__restore-button,
.form-button.daily-backup-status__download-button,
.form-button.daily-backup-status__support-button {
	float: none;
	display: block;
	width: 100%;
	text-align: center;
	margin-left: 0;
}
.form-button.daily-backup-status__support-button {
	margin: 32px 0;
}

.form-button.daily-backup-status__restore-button img {
	width: 22px;
	height: 22px;
	filter: grayscale( 100% ) contrast( 70% );
}

.daily-backup-status__restore-button-icon {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.daily-backup-status__download-button {
	margin: 24px 0 1rem;
	color: var( --studio-jetpack-green-60 );
}

.daily-backup-status__title {
	font-size: $font-title-medium;
	font-weight: 600;
	margin-bottom: 18px;

	@include breakpoint-deprecated( '>660px' ) {
		font-size: $font-headline-small;
		margin: 8px 0 12px;
	}
}

.daily-backup-status__hide-mobile {
	display: none;

	@include breakpoint-deprecated( '>660px' ) {
		display: block;
	}
}
.daily-backup-status__hide-desktop {
	display: block;

	@include breakpoint-deprecated( '>660px' ) {
		display: none;
	}
}

.daily-backup-status__success.card,
.daily-backup-status__failed.card {
	background: transparent;
	box-shadow: none;
}

.daily-backup-status__realtime-details {
	margin-top: 24px;
	text-align: left;
}

.daily-backup-status__realtime-details-title {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	font-weight: 400;
}

.daily-backup-status__realtime-details-card .activity-card .card {
	margin: 0;
	background: transparent;
	box-shadow: none;
}

.daily-backup-status__realtime-details-card
	.activity-card
	.card
	.activity-log-item__actor
	.activity-log-item__actor-info {
	display: flex;
	& > *:not( :last-child ) {
		margin-right: 8px;
	}
}

.daily-backup-status__realtime-details-card
	.activity-card
	.card
	.activity-log-item__actor
	.activity-log-item__actor-info
	.activity-log-item__actor-name::after {
	margin-right: 0.2rem;
}

.daily-backup-status__realtime-details-card
	.activity-card
	.card
	.activity-log-item__actor
	.gravatar,
.daily-backup-status__realtime-details-card .activity-card .card .activity-log-item__actor svg {
	width: 30px;
}

.daily-backup-status__meta {
	margin-bottom: 24px;
	margin-top: -0.3rem;
	color: var( --studio-gray-40 );
	font-weight: 400;
	font-size: $font-body-small;
}

.daily-backup-status__credentials-warning {
	margin-top: 1.5rem;
	text-align: left;
}

.daily-backup-status__credentials-warning-top {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	font-weight: 600;
	font-size: $font-body-small;
	line-height: 1rem;
}

.daily-backup-status__credentials-warning-top img {
	width: 24px;
	height: 24px;
	margin-right: 0.5rem;
}
.daily-backup-status__credentials-warning-text {
	padding: 0 8px;
}

.daily-backup-status__credentials-warning-text a {
	display: block;

	@include breakpoint-deprecated( '>660px' ) {
		display: inline;
	}
}

.button.daily-backup-status__activate-restores-button,
.button.daily-backup-status__activate-restores-button:visited {
	float: none;
	width: 100%;
	margin: 1rem 0;
	text-align: center;
	color: var( --studio-jetpack-green-60 );

	@include breakpoint-deprecated( '>660px' ) {
		width: 330px;
	}
}

.daily-backup-status__message-head {
	color: var( --studio-gray-80 );

	img {
		width: 48px;
	}

	div {
		font-size: $font-title-small;
		font-weight: 600;
	}
}

.daily-backup-status__message-error {
	color: var( --studio-red-50 );
}

.daily-backup-status__view-all-button {
	float: none;
}

.daily-backup-status__changes-header {
	margin-top: 32px;
	font-size: $font-body;
	font-weight: 600;
	border-bottom: 1px solid var( --studio-gray-10 );
	padding-bottom: 16px;
}

.daily-backup-status__section-header {
	margin: 0.5rem 0;
}

.daily-backup-status__section-posts {
	margin-bottom: 1rem;
}

.daily-backup-status__media-image {
	display: inline-block;
	margin-right: 1rem;
	position: relative;
}

.daily-backup-status__media-image img {
	object-fit: cover;
	width: 6rem;
	height: 6rem;
}

.daily-backup-status__media-title {
	position: relative;
	top: -1.9rem;
	background-color: rgba( 0, 0, 0, 0.5 );
	color: #fff;
	font-size: $font-body-small;
	padding-top: 0.3rem;
}

.daily-backup-status__media-title .gridicon {
	width: 0.7rem;
	height: 1rem;
	margin: 0 0.3rem;
}

.daily-backup-status__media-title-text {
	position: relative;
	top: -0.18rem;
	display: inline-block;
}

.daily-backup-status__count-bubble {
	display: inline-block;
	background: #dcdcde;
	color: #000;
	border-radius: 1rem;
	padding: 0.2rem 0.5rem;
}

.daily-backup-status__deleted-count-bubble {
	position: absolute;
	right: 0.5rem;
	top: 2rem;
	display: inline-block;
	background: #d63638;
	color: #fff;
	border-radius: 1rem;
	padding: 0.2rem 0.5rem;
}

.gridicon.daily-backup-status__post-icon {
	width: 1rem;
	fill: #787c82;
}

.gridicon.daily-backup-status__theme-icon-installed {
	width: 1rem;
	height: 1rem;
	fill: #349e0b;
}

.gridicon.daily-backup-status__theme-icon-removed {
	width: 1rem;
	height: 1rem;
	fill: #d63638;
}

.daily-backup-status__extension-block-installed {
	color: #349e0b;
}

.daily-backup-status__extension-block-removed {
	color: #d63638;
}

.daily-backup-status__post-link {
	display: inline-block;
	position: relative;
	top: -0.4rem;
	left: 0.5rem;
	color: #349e0b;
}

.daily-backup-status__post-block {
	margin-bottom: -0.5rem;
}

.daily-backup-status__extension-block-text {
	display: inline-block;
	position: relative;
	left: 0.2rem;
	top: -0.1rem;
}

.daily-backup-status__daily-no-changes {
	font-style: italic;
	padding-top: 16px;
	color: var( --studio-gray-40 );
}

.daily-backup-status__daily {
	text-align: left;
}

.daily-backup-status__view-all-button {
	display: block;
	text-align: center;
}

.daily-backup-status__metas {
	margin-top: 0;
}

@include breakpoint-deprecated( '>660px' ) {
	.daily-backup-status__meta {
		display: block;
	}

	.daily-backup-status__success.card,
	.daily-backup-status__failed.card {
		background: #fff;
		box-shadow: 0 0 0 1px #dcdcde;
	}

	.daily-backup-status {
		text-align: left;
		background: transparent;
		padding-bottom: 0;
	}

	.daily-backup-status__icon-section {
		display: flex;
		align-items: center;
	}

	.daily-backup-status__date {
		margin-bottom: 0.5rem;
	}

	.daily-backup-status__meta {
		margin-top: 0;
		color: var( --studio-gray-40 );
		font-weight: 400;
		font-size: $font-body;
	}

	.form-button.daily-backup-status__download-button,
	.form-button.daily-backup-status__restore-button {
		display: inline-block;
		width: initial;
		margin: 0;
		margin-right: 1rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.daily-backup-status__failed-message {
		font-size: $font-headline-small;
		font-weight: 600;
		margin-bottom: 2rem;
	}

	.daily-backup-status__message-head {
		display: flex;
		font-weight: 600;
		align-items: center;
	}

	.daily-backup-status__message-head img {
		width: 3rem;
		height: 3rem;
	}

	.daily-backup-status__message-head div {
		margin-left: 12px;
	}

	.form-button.daily-backup-status__support-button {
		width: 50%;
	}

	.form-button.daily-backup-status__restore-button img {
		margin-right: 1rem;
	}

	.daily-backup-status__credentials-warning {
		padding: 0;
	}
}

/* WordPress.com-only styles */
.wordpressdotcom .daily-backup-status {
	padding-top: initial;
	margin-bottom: 1rem;
	box-shadow: 0 0 0 1px #dcdcde;
}
